<template>
  <app-page>
    <app-navbar title="" :show-left="false" bg="transparent"></app-navbar>
    <image src="@/static/images/mineBG.png" mode="widthFix" class="top-bg"></image>
    <view class="page-container px-32rpx">
      <user-row></user-row>
      <dataRow></dataRow>
      <menuList></menuList>
    </view>
    <app-tabbar-default :border="false" active="/pages/mine/index"></app-tabbar-default>
  </app-page>
</template>

<script lang="ts" setup>
import dataRow from "./components/dataRow.vue";
import userRow from "./components/infoRow.vue";
import menuList from "./components/menuList.vue";
</script>

<style lang="scss" scoped>
.page-container {
  position: relative;
  z-index: 2;
}
</style>